/*
 * @Author: fangquan
 * @Date: 2020-06-10 13:38:32 
 * @Last Modified by: fangquan
 * @Last Modified time: 2020-06-10 13:38:32 
 * @Usage 全局样式
 */

@import "./variable.scss", "./util.scss", "./reset.scss", "./layout.scss", "./animation.scss";

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  word-break: break-all;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: $color-shadow;
}

html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  height: 100%;
  line-height: 1.4;

  body {
    color: $color-black;
    height: 100%;

    #app {
      height: 100%;
      font-size: 14px;

      .router-view {
        position: relative;
        width: 100%;
        max-width: 400px;
        min-height: 100%;
        height: auto;
        margin: 0 auto;

        audio,
        video {
          display: block;
          width: 100%;
        }

        a {
          color: $color-primary;
          text-decoration: none;
        }

        // 底部栏
        footer {
          position: fixed;
          left: 0;
          bottom: 0;
          right: 0;
          display: flex;
          width: 100%;
          max-width: 400px;
          margin: 0 auto;
          border-top: 1px solid $color-border;
          z-index: 10;

          & > div {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            padding: 15px 10px;
          }
        }
      }
    }
  }
}